@import "@automattic/typography/styles/variables";
@import "@wordpress/base-styles/breakpoints";
@import "@wordpress/base-styles/mixins";

.transfer-connected-domain-nudge {
	display: flex;
	flex-basis: 100%;
	padding: 5px;
	margin: 12px 0 0;
	gap: 8px;
	background-color: var(--studio-gray-0);
	border-radius: 2px;
	font-weight: 400;
	font-size: $font-body-small;
	color: var(--studio-gray-80);

	@include break-mobile {
		margin: 8px 0 0;
	}

	svg {
		min-width: 18px;
		position: relative;
		top: 2px;
		fill: var(--color-accent);
	}
}
